<%--
  Created by IntelliJ IDEA.
  User: asd73
  Date: 2017/9/23
  Time: 15:07
  To change this template use File | Settings | File Templates.
--%>
<%--节点操作--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
    <script type="text/javascript" src="../js/jquery.js"></script>
    <script type="text/javascript">
        $(function () {

            $('button').eq(0).click(function () {
                var mytag = $('<li>我是li2222</li>');
                //$('ul').append(mytag);//在ul容器中的最后位置添加内容
                //$('ul').prepend(mytag)//在ul容器中的最前位置添加内容
                //$('ul').before()//在ul容器同级之前添加内容
                $('ul').after()//在ul容器同级之后添加内容

            })
            //删除ul容器
/*            $('button').eq(1).click(function (e) {
                $('ul').remove();
            })*/
            //清空ul容器内容
            $('button').eq(2).click(function (e) {
                $('ul').empty();
            })

        })
    </script>
</head>
<body>
    <button>添加</button>
    <button>删除</button>
    <button>清空</button>
    <ul>
        <li>我是lilili</li>
    </ul>
</body>
</html>
